<template>
<div>
  <p>{{num}}</p>
</div>
</template>

<script>
export default {
data() {
  return {
    a:10,
    b:20
  }
},
computed: {
  // 直接当做普通属性调用不加括号
  // 任何data中数据变化立即重新计算
  // 计算属性会缓存
  
  num(){
    return this.a + this.b
  }
},
}
</script>

<style>

</style>